<template>
  <a-locale-provider :locale="locale">
    <div id="app">
      <router-view />
    </div>
  </a-locale-provider>
</template>

<script>
import zhCN from 'ant-design-vue/lib/locale-provider/zh_CN'
import { AppDeviceEnquire } from '@/utils/mixin'

export default {
  mixins: [AppDeviceEnquire],
  data () {
    return {
      locale: zhCN
    }
  },
  mounted () {

  }
}
</script>
<style>
#app {
  height: 100%;
}

.table_style th div {
  font-weight: 700;
  color: rgba(0, 0, 0, 0.85);
}
.button_pct {
  min-width: 74px;
  height: 32px;
  margin: 0 5px!important;
  padding: 0 7px;
  font-size: 14px;
  border-radius: 4px;
  color: #fff;
  opacity: 0.9;
  outline:none;
  border:0;
  text-align: center;
}
.button_pct:hover {
  opacity: 0.7;
  color: #333;
  cursor: pointer;
  transition: all 0.5s;
}
.button_pct:active {
  opacity: 1;
}
.ant-modal-wrap .button_pct {
  min-width: 74px;
  height: 32px;
  margin: 0 5px!important;
  padding: 0 7px;
  font-size: 14px;
  border-radius: 4px;
  color: #fff;
  opacity: 0.9;
  outline:none;
  border:0;
  text-align: center;
}
.ant-modal-wrap .button_pct:hover {
  opacity: 0.7;
  color: #333;
  cursor: pointer;
  transition: all 0.5s;
}
.ant-modal-wrap .button_pct:active {
  opacity: 1;
}
</style>
